html,
body {
    margin: 0;
    background: #f5f5f5;
}

#app {
    font-family: "PingFang SC", "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    z-index: 2;
    margin: 0 auto;
    max-width: 375px;
    min-height: 100vh;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

h2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

a {
    font-family: "PingFang SC", "Avenir", Helvetica, Arial, sans-serif;
    color: #000;
}

p {
    margin: 0;
}

#nprogress {
    z-index: 99;
}

#nprogress .bar {
    background: #ffa000 !important;
    height: 3px !important;
}

#nprogress .peg {
    box-shadow: 0 0 2px #ffa000, 0 0 2px #ffa000 !important;
}

#nprogress .spinner {
    left: 60px;
}

#nprogress .spinner-icon {
    display: none;
    border-top-color: #ffa000 !important;
    border-left-color: #ffa000 !important;
}

.imgfont {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    &.zh,
    &.en {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-position: center;
        background-size: 100%;

        &.zh {
            // background-image: url("~@/assets/image/zh.png");
        }

        &.en {
            // background-image: url("~@/assets/image/en.png");
        }
    }
}
.van-button.van-button--primary {
    width: 100%;
    height: 45px;
    background: #ffa000;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    border: none;
}
// .van-toast--text {
//     background: rgba(26, 22, 19, 1) linear-gradient(93deg,
//             rgba(237, 197, 159, .9) 0%,
//             rgba(237, 197, 159, .5) 100%) !important;
//     // color: #000!important;
//     border: 1px solid rgba(237, 197, 159, .9);
// }

// .van-dialog {

//     .van-dialog__header,
//     .van-dialog__content {
//         background: linear-gradient(93deg, rgba(246, 235, 219, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;

//         .van-cell {
//             background: transparent;

//             input::-webkit-input-placeholder {
//                 /* 使用webkit内核的浏览器 */
//                 color: #666;
//             }

//             input:-moz-placeholder {
//                 /* Firefox版本4-18 */
//                 color: #666;
//             }

//             input::-moz-placeholder {
//                 /* Firefox版本19+ */
//                 color: #666;
//             }

//             input:-ms-input-placeholder {
//                 /* IE浏览器 */
//                 color: #666;
//             }
//         }
//     }

//     .van-dialog__footer {
//         .van-button {
//             color: #000;
//             font-weight: bold;
//             background: linear-gradient(174deg, #ffe3c3 0%, #d6a88b 100%) !important
//         }
//     }
// }
.van-pagination {
    margin-top: 20px;
    padding: 30px 0 10px 0;
    margin: 0 auto;
    .van-pagination__items {
        .van-hairline--surround {
            height: 24px;
            min-width: 24px;
            width: 24px;
            border: none;
            margin: 0 1px;
            color: rgba(31, 33, 32, 1);
            font-size: 12px;
            background: rgba(250, 250, 250, 1);
            overflow: hidden;
            border-radius: 2px;
            &:after {
                display: none;
            }
        }
        .van-pagination__item--prev,
        .van-pagination__item--next {
            border-radius: 5px;
            color: rgba(31, 33, 32, 1);
            background: #fafafa;
        }
        .van-pagination__item--active {
            background: rgba(255, 160, 0, 1);
            color: #fff;
        }
    }
}
